<!--用户界面模板-->
<template>
  <el-container>
    <Aside></Aside>
    <el-container>
      <el-header id="heard"> <Header></Header></el-header>
      <el-main id="main"><router-view /></el-main>
      <el-footer id="footer">
        <p>Copyright ©2021 辽东学院教务处 丹东市振安区临江后街116号</p>
      </el-footer>
    </el-container>
  </el-container>
</template>

<script>
import Aside from "@/components/Aside/Aside";
import Header from "@/components/Header";
export default {
  name: "Home",
  data() {
    return {
      activeIndex: "1",
      activeIndex2: "1",
      card: "card",
    };
  },
  components: { Aside, Header },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-aside {
  background-color: #545c64;
}
.card .el-card__body {
  padding: 18px;
}
#main {
  height:90%;
  background-color: #f5f6fa;
}
#heard,
#footer {
  /* float: right; */
  padding: 0;
  text-align: center;
}
</style>
